<script setup lang="ts">
import starYellow from '@/static/images/star_yellow.png'
import starYellowOutline from '@/static/images/star_yellow_outline.png'

defineProps<{
  star: number
  count: number
}>()
</script>

<template>
  <view class="flex items-center">
    <image
      v-for="i in star"
      :key="i"
      class="mr-8rpx h-30rpx w-32rpx"
      :src="starYellow"
    />
    <image
      v-for="i in count - star"
      :key="`${i}1`"
      class="mr-8rpx h-30rpx w-32rpx"
      :src="starYellowOutline"
    />
  </view>
</template>
